<div ng-controller="goodsDetailEvaluateCtrl">
    <div class="bg-light lter b-b wrapper-md ng-scope">
        <h4 class="m-n font-thin">商品评价</h4>
        <button ui-sref="app.goods" class="btn-back btn btn-dark btn-sm btn-rounded" href="#/app/goods">
            返回
        </button>
    </div>
    <div class="wrapper">
        <div class="panel-body panel">
            <div class="col-sm-2 no-border b-r b-dashed">
                <div class="padder-v">
                    <div class="w-md">
                        <div class="text-center m-b-sm">
                            <div class="m-b-sm">
                                <img src="img/default.png" ng-src="{{app.image.goods}}{{goods.fileName}}" err-src="img/error.png" class="thumb-md inline "/>
                            </div>
                            <span class="h5 block font-bold m-b-sm" ng-bind="goods.name==null?'— —':goods.name"></span>
                            <div class="m-b-xs">
                                <p  class="h4 font-bold m-r-xs inline" ng-if="goods.isOpenSku==0">¥ {{goods.price | number:2}}</p>
                                <p  class="h4 font-bold m-r-xs inline" ng-if="goods.isOpenSku==1">¥ {{goods.skuRangePrice}}</p>
                                <small class="h6">/</small> <del class="h6 text-muted">{{goods.referencePrice | number:2}}</del>
                            </div>
                            <div>
                                <rating ng-model="evaluateCount.avgscore" max="5" readonly="true" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o'"></rating>
                                <p class="inline font-bold h5">{{evaluateCount.avgscore | number:1}}</p>
                            </div>
                        </div>
                        <div class="padder-md b-a b-dashed">
                            <div class="text-center m-b-sm b-b b-light">
                                <span class="block panel-body h5 font-bold"><i class="icon-ghost m-r-xs text-muted"></i>评分说明</span>
                            </div>
                            <div class="m-b-sm">
                                <span class="block text-sm font-bold m-b-xs"><i class="fa fa-sitemap m-r-xs text-muted"></i>订单处理</span>
                                <p class="h6 block text-muted l-h">对订单发货,售后,维权等问题的处理效率的满意度评分</p>
                            </div>
                            <div class="m-b-sm">
                                <span class="block text-sm font-bold m-b-xs"><i class="fa fa-flash m-r-xs text-muted"></i>物流速度</span>
                                <p class="h6 block text-muted">对物流的快慢和服务态度的评分</p>
                            </div>
                            <div class="m-b-sm">
                                <span class="block text-sm font-bold m-b-xs"><i class="fa  fa-ticket m-r-xs text-muted"></i>营销服务</span>
                                <p class="h6 block text-muted">对活动的满意程度</p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-10">
                <div class="pos-rlt">
                    <div class="text-left" ng-if="list.length>0">
                        <p class="h6 text-muted m-b-xs"><i class="fa fa-link h6 m-r-xs"></i>商品评价详情列表</p>
                        <div class="panel-body bg-white b-b text-left" ng-repeat="item in list">
                            <div class="pull-left m-r-sm">
                                <img src="img/default.png" ng-src="{{item.avatarUrl}}" err-src="img/error.png"  class="thumb-sm img-rounded pull-left m-r-sm"/>
                                <div class="pull-left">
                                    <span class="h5 font-bold m-b-sm block">{{item.nickName}}</span>
                                    <p class="h6 font-bold block m-b-xs font-bold"><rating ng-model="item.score" max="5" readonly="true" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o'"></rating>{{item.score | number:1}}</p>
                                    <p class="h6 block m-b-xs" ng-if="item.skuContentName!=null">规格: {{item.skuContentName==null?'-- --':item.skuContentName}}</p>
                                </div>
                            </div>
                            <div class="pull-left m-r-sm">
                                <span class="h6 block m-b-sm font-bold">{{item.content}}</span>
                                <div class="m-b-xs">
                                    <div class="inline m-n" ng-if="item.images.length>0">
                                        <div class="m-r-sm pull-left" ng-repeat="subitem in item.images track by $index">
                                            <img ng-src="{{app.image.evaluate}}{{subitem}}" err-src="img/error.png" class="thumb-sm"/>
                                        </div>
                                    </div>
                                </div>
                                <span class="h6 text-muted block"><i class="glyphicon glyphicon-time m-r-xs"></i>20158-01-05 10:00:00</span>
                            </div>
                        </div>
                        <div class="text-center">
                            <a class="fa  fa-angle-down fa-4x text-muted" ng-click="evaluateMore()" ng-disabled="moreState"></a>
                        </div>
                    </div>

                    <div class="panel-body" ng-if="list.length<=0">
                        <span class="block h6">~ 暂无评价数据 ~</span>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>